<template>
  <div id="app">
    <Title></Title>
    <List></List>
    <Tabbar></Tabbar>
  </div>
</template>

<script>
import Title from './components/Title.vue'
import List from './components/Content.vue'
import Tabbar from './components/Tabbar.vue'

export default {
  name: "App",
  components: {
    Title,
    List,
    Tabbar
  },

};
</script>

<style>
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
input,button{
    border: 0;
    outline:none;
}
body{
  /* background-color: gainsboro; */
}
#app{
  width: 360px;
  height: 500px;
  background-color: rgba(220, 220, 220, 0.429);
  margin: 100px auto;
  position: relative;
}
</style>
